<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen">
 
<script language="javascript" type="text/javascript" src="../js/datetimepicker.js">
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/redmond/jquery-ui.css" />

<link rel="stylesheet" type="text/css" href="../css/jquery.ptTimeSelect.css" />
<script type="text/javascript" src="../js/jquery.ptTimeSelect.js"></script>

<style type="text/css">
.content {
	padding: 10px 10px;
	width: 50%;
	float: left;
}
.sidebar2 {
	float: right;
	width: 20%;
	background: #93A5C4;
	padding: 10px 0;
}

</style>
<title>Project Details Selection</title>
</head>

<body>


<div id="header_div"><img src="../assets/logo.png" id="logo"/><a href="../Login.html" id="logout">Logout</a>
 <label style="font-size:55px; color:#0080FF; font-style:oblique" id="header">get Together</label>
</div>
<div class="menu-row">
            	<div class="menu-bg">
                    <div class="main">
                        <nav class="indent-left">
                            <ul class="menu wrapper">
                               <li class="active"><a href="../Faculty/subjects.html">Home</a></li>
                                <li><a href="HTMLPage.html">Course Page</a></li>
                                <li><a href="../groups/groups.html">Project Status</a></li>
                             </ul>
                        </nav>
                    </div>
                </div>
            </div>
<div id="navbar">
<iframe id="frame" allowtransparency="true" src="home.html"></iframe>
</div>
<div id="framediv">
<div class="content">
	<br>

  <form name="form1" method="post" action="">
  <center>
  <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;Deadline Date: </label>
  
  <input id="deadline" type="text" size="25"><a href="javascript:NewCal('deadline')"><img src="../images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>
  <br></br>
  <div id="time" >
  <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;Deadline Time:</label><input size="25" name="dea" value="" />
  </div>
 <script type="text/javascript">
        $(document).ready(function(){
            // find the input fields and apply the time select to them.
            $('#time input').ptTimeSelect();
        });
		
		function redir(){
		alert('Project Started Successfully');
		window.location.href='HTMLPage.htm';
		}
   </script>
   <br/> 
  <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;Group Size Range : 
    <select name="grp_size_from" id="grp_size_from">
    <option value="0">select--</option>
     <option value="1">1</option>
  	 <option value="2">2</option>
	 <option value="3">3</option>
	  <option value="4">4</option>
	   <option value="5">5</option>
	  <option value="6">6</option>
	  <option value="7">7</option>
	  <option value="8">8</option>
	   <option value="9">9</option>
    </select>
     to 
     <select name="grp_size_to" id="grp_size_to">
    <option value="0">select--</option>
     <option value="1">1</option>
  	 <option value="2">2</option>
	 <option value="3">3</option>
	  <option value="4">4</option>
	   <option value="5">5</option>
	  <option value="6">6</option>
	  <option value="7">7</option>
	  <option value="8">8</option>
	  
	    <option value="9">9</option>
    </select>
  </label>
  <br/><br/>
  <label> Send Group Formation Request to :</label>
  <p align="justify">
    <label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="radio" name="students" value="all" id="students_0">
       All</label>
    
    <br>
    <label>
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="radio" name="students" value="phd" id="students_1">
       PhD</label>
    <br>
    <label>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="radio" name="students" value="mtech" id="students_2">
      MTech</label>
    <br>
    <label>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="radio" name="students" value="btech" id="students_3">
       BTech</label>
    <br>
    </p>
    </center>
</form>
  <br/><br/>
  <center>
  <input name="create" type="submit" value="Create New Project" onclick= "redir()">
  </center>
</div>
</div>

<!--  
<div class="sidebar2">
  <center><h3>Number of Students</h3></center>
  <br/>
  <label>Total : 89</label>
  <br/>
  <label>BTech : 56</label>
	<br/>
  <label>MTech : 12</label>
  <br/>
  <label>PhD : 5</label>
  <br/>
  <label>Number of TA's : 4</label>
    </div>
  -->
</body>
</html>
